
const app = getApp()
let keyword = ''
const db = wx.cloud.database()
import formatTime from '../../../style/formatTime'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 控制底部弹出层是否显示
    modalShow: false,
    tupianList: [],
    dianzanUrl: "",
    tupianDatas:'',//历史
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this._loadtupianList()
     
    var tupianKey = 'citytupian'
    var tupian = ''
    if(wx.getStorageSync(tupianKey)){
      tupian = wx.getStorageSync(tupianKey)
    }else{
      tupian = ''
      wx.setStorageSync(tupianKey, [])
    }
    // console.log('tupianKey---',tupianKey)
    this.setData({
      tupianDatas:tupian,
    })
  },
  addtupian(obj){//添加历史记录
    var tupianname = 'citytupian'//先定好key的名字tupianname
    var tupiandata = wx.getStorageSync(tupianname) //和onload里一样取key
 
    //查看是否是重复搜索记录
    var tupianDatastr = JSON.stringify(tupiandata)
    // console.log('tupiandata---',tupiandata)
 
    if(tupianDatastr.indexOf(obj.id) == -1){//通过name字段判断是否重复
        if(tupiandata.length < 10){ //只能存10条
          tupiandata.push(obj)
        }else{//删掉多余10条的
          tupiandata.shift()
          tupiandata.push(obj)
        }
 
        wx.setStorageSync(tupianname, tupiandata)//存到缓存中 tupiandata就是存的内容
 
        this.setData({ // 把历史记录赋给事先定义好的变量就可以了
            tupianDatas:tupiandata.reverse() //reverse() 起到倒序的作用，如果不加这个最新添加的历史记录在下面，所以我给前后顺序颠倒了一下
            //tupianDatas:tupiandata
        })
 
    }
 
 
},
  onSearch(event) {
    // console.log(event.detail.keyword)
    this.setData({
      tupianList: []
    })
    keyword = event.detail.keyword
    this._loadtupianList(0)
  },

  _loadtupianList() {
    wx.showLoading({
      title: '拼命加载中',
    })


    wx.cloud.callFunction({
      name: 'meitu',
      data: {
        keyword,
        start:0,
        count: 50,
        $url: 'lost',
      }
    }).then((res) => {
      for (var i = 0; i < res.result.length; i++) { 
        res.result[i].createTime = formatTime(new Date(res.result[i].createTime))
     }
      this.setData({
        tupianList: this.data.tupianList.concat(res.result)
      })
      wx.hideLoading()
      wx.stopPullDownRefresh()
    })
  },


  goComment(event) {
 
    var id = event.currentTarget.dataset.tupianid;//获取id
    var item = event.currentTarget.dataset.item;
    //保存历史
    var tupianObj = {
      id:id,
      ...item
    }
    this.addtupian(tupianObj) //调用存的方法，把值传进去


    wx.navigateTo({
      url: '/pages/index/meitu/meitu-nr/meitu-nr?tupianId=' + event.currentTarget.dataset.tupianid,
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    this.setData({
      tupianList: []
    })
    this._loadtupianList(0)
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    this._loadtupianList(this.data.tupianList.length)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function(event) {
    console.log(event)
    let tupianObj = event.target.dataset.tupian
    return {
      title: tupianObj.content,
      path: `/pages/meitu/meitu?tupianId=${tupianObj._id}`,
      // imageUrl: ''
    }
  }
})